import React from 'react';
import SiderNav from '../../Component/siderNav';
import '../../public/css/transmanage.css'

import { RouteWithSubRoutes } from '../../router/index';

export default class DevelopManage extends React.Component {
    render(){
        const {routes}=this.props
        return (
            <div style={{'height':'100%','width':'100%'}} className="transmanage">
                <SiderNav routes={routes} ></SiderNav>
                <div className='right-body' >
                    {routes.map((route, i) => {
                        return (
                            <RouteWithSubRoutes  style={{'height':'100%'}} key={i} {...route}/>
                        )})
                    }
                </div>
            </div>
        )
    }
}